<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户管理</title>
    <link rel="stylesheet" href="/css/用户管理.css">
    <link rel="stylesheet" href="/layui/dist/css/layui.css">
    <link rel="icon" type="image/png" href="icon/I.png">
    <script src="/js/jquery.min.js"></script>
    <script  src="/js/userRole.js" ></script>
</head>
<style>
    table tr th{
        text-align: center !important;
        font-weight: bold !important;
    }
    tr td{
        text-align: center
    }
</style>
<body onload="pageInfo()" style="background: rgb(241, 241, 241) !important;">
<br>
<div style="width: 98%; margin: 0 auto">

    <table class="layui-table">
        <tr>
            <td>  <span class="ddd">用户名称 :</span></td>
            <td><input type="text" class="name ccc layui-input">&nbsp;</td>
            <td> <span class="ddd">用户角色 :</span></td>
            <td>
                <div class="layui-input-inline" style="display: block;">
                    <div class="layui-input-block" style="margin-left: 0px;">
                        <select class="role1 ccc layui-select" >
                            <option>--请选择--</option>
                            <option>系统管理员</option>
                            <option>人事专员</option>
                            <option>人事经理</option>
                            <option>薪酬专员</option>
                            <option>人力资源部负责人</option>
                            <option>公司领导</option>
                        </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </div>
                </div>
            </td>
            <td>  <span class="ddd">所属部门 :</span></td>
            <td>  <div class="layui-input-inline" style="display: block;">
                <div class="layui-input-block" style="margin-left: 0px;">
                    <select class="department ccc layui-select">
                        <option value="0">--请选择--</option>
                        <option value="1">质量管理部</option>
                        <option value="2">产品设计中心</option>
                        <option value="3">平台研发中心</option>
                        <option value="4">产品管理部</option>
                        <option value="5">区域市场发展一部</option>
                        <option value="6">区域市场发展二部</option>
                        <option value="7">区域市场发展三部</option>
                        <option value="8">区域市场发展四部</option>
                        <option value="9">人力资源中心</option>
                        <option value="10">财务部</option>
                    </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </div>
            </div>
            </td>
            <td>截止日期：</td>
            <td> <button onclick="selLike()" class="layui-btn layui-btn-normal">查询</button>&nbsp;&nbsp;&nbsp;</td>
            <td>  <a href="/lq/userRole"><button class="layui-btn layui-btn-normal">重置</button></a></td>
        </tr>
    </table>

    <div>
        <a href="/lq/addRole">
            <button class="layui-btn layui-btn-warm" style="float: right">新增用户</button>
        </a>
    </div>
    <div style="margin-top: 60px" >
        <table border="1" width="1000" class="table layui-table table-role" id="aaa">
            <tr>

                <th>用户编码</th>
                <th>用户名称</th>
                <th>用户角色</th>
                <th>所属部门</th>
                <th>操作</th>
            </tr>
            <!-- 第一行 -->
            <tr>

                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td hidden></td>
                <td width="18%"></td>
            </tr>
            <tr>

                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td hidden></td>
                <td width="18%"></td>
            </tr>
            <tr>

                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td hidden></td>
                <td width="18%"></td>
            </tr>
            <tr>

                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td hidden></td>
                <td width="18%"></td>
            </tr>
            <tr>

                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td hidden></td>
                <td width="18%"></td>
            </tr>

            <tr>

                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td hidden></td>
                <td width="18%"></td>
            </tr>

            <tr>

                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td hidden></td>
                <td width="18%"></td>
            </tr>

            <tr>

                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td hidden></td>
                <td width="18%"></td>
            </tr>

            <tr>

                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td hidden></td>
                <td width="18%"></td>
            </tr>

            <tr>

                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td hidden></td>
                <td width="18%"></td>
            </tr>



        </table>
        <h5 style="text-align: center">
            <a href="javascript:void(0)" onclick="start()"><button class='layui-btn layui-btn-normal'>首页</button></a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="javascript:void(0)" onclick="prev()"><button class='layui-btn layui-btn-normal'>上一页</button></a>&nbsp;&nbsp;
            <span class="showPage">第1页/共1页</span>&nbsp;&nbsp;&nbsp;
            <a href="javascript:void(0)" onclick="next()"><button class='layui-btn layui-btn-normal'>下一页</button></a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="javascript:void(0)" onclick="end()"><button class='layui-btn layui-btn-normal'>尾页</button></a>&nbsp;&nbsp;&nbsp;&nbsp;

        </h5>
    </div>
</div>


</body>
</html>